<template>
    <div class="leftNav">
        <ul>
            <li>
                <i class="iconfont icon-wodezichan"></i>
                <span>收银</span>
            </li>
            <li>
                <i class="iconfont icon-dianpu"></i>
                <span>店铺</span>
            </li>
            <li>
                <i class="iconfont icon-31quanbushangpin"></i>
                <span>商品</span>
            </li>
            <li>
                <i class="iconfont icon-huiyuanqia"></i>
                <span>会员</span>
            </li>
            <li>
                <i class="iconfont icon-shezhi"></i>
                <span>设置</span>
            </li>
        </ul>
    </div>
</template>
<script>

export default {
    
}
</script>
<style lang="less" scoped>
    .leftNav{
        width: 8%;
        height: 100%;
        background-color: #0A7FDB;
        float: left;
        ul{
            padding: 0;
            margin: 0;
            list-style: none;
            li{
                color: #fff;
                padding: 20px;
                border-bottom: 1px solid #ccc;
                cursor: pointer;
                .iconfont{
                    display: block;
                    font-size: 24px;
                }
            }
        }
    }

</style>
